@charset "utf-8";

.login_bg {
  background: url("../image/login_bj.jpg") left top no-repeat;
  background-size: 100vw 100vh;
}

.login {
  width: 74.8%;
  margin: 0 auto;
}

.title {
  height: 7.5vh;
  line-height: 7.5vh;
  font-size: 5.5vh;
  font-weight: 600;
  text-align: center;
  /* color: #fff; */
  color: transparent;
  background-image: linear-gradient(to bottom,#28d7e8 ,#028af0);
  -webkit-background-clip: text;
  letter-spacing: 0.1em;
}
.search-box {
  float: right;
  width: 30vw;
  height: 57vh;
  margin-top: 13.5vh;
  box-sizing: border-box;
}

.formInput {
    width: 100%;
    height: 100%;
    background: url("../image/bk.png") center no-repeat;
    background-size: 100% 100%;
    padding-top: 11.6vh;
    box-sizing: border-box;
}

.tip {
  padding-left: 1.3vw;
  color: #aaa;
  font-size: 1.3vh;
  font-weight: 400;
  position: relative;
  top: -1vh;
}

.form-title {
  width: 100%;
  height: 3vh;
  line-height: 3vh;
  text-align: center;
  font-size: 2.4vh;
  font-weight: 500;
  color: #fff;
  margin-bottom: 4.3vh;
}

.form-box {
  width: 22vw;
  margin: 0 auto;
}

    .form-box div.username,
    .form-box div.verifycode,
    .form-box div.pwd {
        display: flex;
        width: 100%;
        height: 4.4vh;
        background-color: #114398;
        border: 1px solid #3494de;
        box-sizing: border-box;
    }
#validate {
    width: 100% !important;
}

    .form-box div.username {
        margin-bottom: 2.1vh;
    }
    .form-box div.pwd {
        margin-bottom: 2.1vh;
    }

    .form-box div.username label,
    .form-box div.verifycode label,
    .form-box div.pwd label {
        flex: 0 0 2.5vw;
        height: 100%;
        line-height: 4.4vh;
        text-align: center;
    }

        .form-box div.username label img,
        .form-box div.verifycode label img,
        .form-box div.pwd label img {
            width: 1.9vh;
            height: 1.9vh;
        }
        .form-box div.username input,
        .form-box div.verifycode input,
        .form-box div.pwd input {
            flex: 1;
            line-height: 4.4vh;
            font-size: 1.85vh;
            color: #1e61b2;
            padding-right: 1vw;
            box-sizing: border-box;
            background: none;
        }
.pwd {
    position: relative;
}
#psw_change {
    position: absolute;
    top: -4px;
    right: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/PM/image/psw0.png) no-repeat center center;
}
.login-ipt {
    color: #1e61b2 !important;
    letter-spacing: 1.5px;
    -webkit-text-fill-color: #efefef;
    caret-color: #fff;
    box-shadow: inset 0 0 0 100px #1e61b2 !important;
    /*box-shadow: inset 0 0 0 #1e61b2 !important;*/
}

        .form-box div.username input::placeholder,
        .form-box div.verifycode input::placeholder,
        .form-box div.pwd input::placeholder {
            color: rgba(255, 255, 255, .4);
        }

.form-box .btn {
  width: 100%;
  height: 4.4vh;
  line-height: 4.4vh;
  font-size: 2vh;
  font-weight: 400;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  margin-top: 5vh;
  background-image: linear-gradient(to top,#203b8a ,#467bc9);
  cursor:pointer;
}
.jzmm {
  margin-top: 1vh;
  height: 2vh;
  color: #fff;
  font-size: 1.6vh;
}
.jzmm div{
  float: left;
}

.jzmm div input {
  vertical-align: middle;
}